<template>
  <div>
    <!-- <MyHeader /> -->
    <!-- HTML规范：建议标签名都是小写，而且多个单词用-连接 -->
    <my-header />
    <div>我是div</div>
    <div>我是div2</div>
    <my-button />
    <ul>
      <li v-for="item in list" :key="item.id">{{ item }}</li>
    </ul>
    <xx />
    <button>我是app里的button</button>
  </div>
</template>

<script>
import MyHeader from './components/MyHeader.vue'
// import MyButton from './components/MyButton.vue'
import xx from './components/xx.vue'
export default {
  components: {
    MyHeader,
    xx
    // MyButton
  },
  data () {
    return {
      list: [
        {
          id: 1,
          name: '张三'
        },
        { id: 2, name: '李四' }
      ]
    }
  }
}
</script>

<style></style>
